/* =====================================================
   PREMIUM MODERN ECOMMERCE THEME
   CLEAN • TRUSTED • HIGH CONVERSION UI
===================================================== */

/* Google Font Feel */
body{
    font-family: Inter, sans-serif;
    background:#ffffff;
    color:#111827;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
}

/* Smooth Animation */
*{
    transition:all .25s ease;
}

/* =====================================================
   HEADER
===================================================== */

.sh-header-main{
    background:#ffffff;
    color:#111827;
    position:sticky;
    top:0;
    z-index:999;
    border-bottom:1px solid #f1f5f9;
    box-shadow:0 4px 20px rgba(0,0,0,0.04);
    backdrop-filter:blur(10px);
}

.sh-header-location-icon,
.sh-header-arrow-icon{
    fill:#111827 !important;
}

.sh-header-account-icon,
.sh-header-search-icon,
.sh-header-cart-icon{
    stroke:#111827 !important;
}

.sh-header-cart-icon{
    fill:none !important;
}

.sh-header-cart-badge{
    background:#16A34A;
    color:#ffffff;
    font-weight:700;
    border-radius:50px;
    box-shadow:0 4px 10px rgba(22,163,74,.25);
}

.sh-header-mob-menu-icon{
    color:#111827;
}

/* =====================================================
   SEARCH BAR
===================================================== */

input[type="search"],
.sh-search-input{
    background:#f8fafc !important;
    border:1px solid #e5e7eb !important;
    border-radius:14px !important;
    padding:14px 18px !important;
    font-size:14px;
}

input[type="search"]:focus{
    border-color:#16A34A !important;
    box-shadow:0 0 0 4px rgba(22,163,74,.08);
}

/* =====================================================
   CATEGORY SECTION
===================================================== */

.sh-categories-container{
    background:#ffffff;
}

.sh-category-card{
    background:#ffffff;
    margin:0 8px 12px;
    padding-top:10px;
    border-radius:18px;
    border:1px solid #f1f5f9;
    box-shadow:0 2px 8px rgba(0,0,0,0.03);
}

.sh-category-card:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 25px rgba(0,0,0,0.08);
}

/* =====================================================
   PRODUCT CARD
===================================================== */

.sh-product-card{
    background:#ffffff;
    border:1px solid #f1f5f9;
    border-radius:20px;
    overflow:hidden;
    position:relative;
    box-shadow:0 2px 10px rgba(0,0,0,0.03);
}

.sh-product-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 35px rgba(0,0,0,0.10);
}

/* Product Image Zoom */

.sh-product-card img{
    transition:transform .4s ease;
}

.sh-product-card:hover img{
    transform:scale(1.04);
}

/* Product Name */

.sh-product-card-name{
    color:#111827;
    font-size:15px;
    font-weight:600;
    line-height:1.5;
}

/* Price */

.sh-product-card-price{
    color:#16A34A;
    font-size:22px;
    font-weight:800;
}

/* MRP */

.sh-product-card-mrp{
    color:#6b7280;
    font-size:14px;
}

/* Discount Badge */

.sh-product-card-discount-tag{
    background:linear-gradient(135deg,#16A34A,#22C55E);
    color:#ffffff;
    border-radius:0 0 14px 0;
    padding:7px 12px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.3px;
    box-shadow:0 4px 12px rgba(22,163,74,.25);
    left:0;
    top:0;
    right:auto;
}

.sh-product-discount-tag{
    background:#DCFCE7;
    color:#15803D;
    border-radius:10px;
    padding:4px 10px;
    font-weight:700;
}

/* =====================================================
   BUTTONS
===================================================== */

.sh-solid-button,
.sh-product-buy-now-button{
    background:linear-gradient(135deg,#16A34A,#22C55E);
    color:#ffffff !important;
    border:none !important;
    border-radius:14px;
    font-weight:700;
    font-size:15px;
    padding:14px 20px;
    box-shadow:0 10px 24px rgba(22,163,74,.22);
}

.sh-solid-button:hover,
.sh-product-buy-now-button:hover{
    transform:translateY(-2px);
    box-shadow:0 16px 30px rgba(22,163,74,.30);
    opacity:.96;
}

/* Outlined Button */

.sh-outlined-button,
.sh-product-card-enquiry,
.sh-product-enquiry{
    background:#ffffff !important;
    color:#16A34A !important;
    border:2px solid #16A34A !important;
    border-radius:14px;
    font-weight:700;
}

.sh-outlined-button:hover,
.sh-product-card-enquiry:hover,
.sh-product-enquiry:hover{
    background:#16A34A !important;
    color:#ffffff !important;
}

/* =====================================================
   QUANTITY BUTTONS
===================================================== */

.sh-product-plus-minus-button{
    background:#F0FDF4;
    color:#16A34A;
    border:1px solid #DCFCE7;
    border-radius:12px;
    width:38px;
    height:38px;
    box-shadow:0 2px 8px rgba(0,0,0,0.04);
}

.sh-product-plus-minus-button:hover{
    transform:scale(1.05);
}

/* =====================================================
   WISHLIST & SHARE
===================================================== */

.sh-product-wishlist-desktop{
    border-color:#ef4444 !important;
    background:#ffffff;
    border-radius:50%;
    box-shadow:0 4px 10px rgba(0,0,0,0.08);
}

.sh-product-wishlisted-icon{
    fill:#ef4444 !important;
}

.sh-product-not-wishlisted-icon{
    stroke:#ef4444 !important;
}

.sh-product-share-icon{
    stroke:#16A34A !important;
}

.sh-product-social-button{
    background:#16A34A;
    fill:#16A34A;
}

/* =====================================================
   BOTTOM NAVIGATION
===================================================== */

.sh-bottom-nav-main{
    background:#16A34A;
    border-radius:22px 22px 0 0;
    box-shadow:0 -6px 20px rgba(0,0,0,0.08);
}

.sh-bottom-nav-selected{
    color:#ffffff !important;
    stroke:#ffffff !important;
    fill:none !important;
}

.sh-bottom-nav-unselected{
    color:rgba(255,255,255,.65) !important;
    stroke:rgba(255,255,255,.65) !important;
}

.sh-bottom-nav-cart-badge{
    background:#ffffff !important;
    color:#16A34A !important;
    font-weight:700;
}

/* =====================================================
   FOOTER
===================================================== */

.sh-footer-main{
    background:#F8FAFC;
    color:#111827;
    border-top:1px solid #e5e7eb;
    padding-top:40px;
}

.sh-footer-icon{
    color:#16A34A !important;
}

/* =====================================================
   SECTION TITLE
===================================================== */

.sh-row-title-divider{
    display:none;
}

/* =====================================================
   TRUST EFFECTS
===================================================== */

img{
    image-rendering:auto;
}

button{
    cursor:pointer;
}

a{
    text-decoration:none;
}

/* =====================================================
   MOBILE OPTIMIZATION
===================================================== */

@media(max-width:768px){

    .sh-product-card{
        border-radius:18px;
    }

    .sh-product-buy-now-button,
    .sh-solid-button{
        padding:13px;
        font-size:14px;
    }

    .sh-category-card{
        margin:0 5px 10px;
    }

    .sh-product-card-price{
        font-size:20px;
    }

}